<template>
    <div class="contianer">
       <div class="search-area">
            <div v-for="(item,index) in arrTitle" :key="index"  class="item">
                <template>
                   <p class="text">{{item.title}}:</p>
                   <p>
                        <el-input placeholder="请输入" prefix-icon="el-icon-search" v-if="!item.hasDate" v-model="item.val"></el-input>
                        <el-date-picker v-model="item.val" value-format="yyyy-MM-dd"  type="date"  placeholder="请选择" class="date" v-else>

                        </el-date-picker>
                   </p>
                </template>
            </div>
            <slot name="search-btn"></slot>
       </div>
    </div>
</template>

<script>
import {reqAccountInfo} from '@/request/createAccount'
export default {
    props:{
        arrTitle:{type:Array,default:function fn(){return []}} , //传递搜索功能的值
        time:{type:String,default:""}
    },
    data() {
        return {
            listData:[],
        }
    },
    methods: {

    },
}
</script>

<style lang="less" scoped>
.contianer{
    background-color: #fff;
    padding-top: 20px;
    .search-area{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        width: 94%;
        margin-left: 3%;
        border-bottom: 1px solid #f0f2f5 ;
        .item{
            display: flex;
            margin: 0 10px 15px ;
            .text{
                width: 70px;
                line-height: 35px;
                font-size: 12px;
                margin-right: 5px;
            }
        }
    }
}
/deep/.el-input__inner{
    height:35px;
    line-height: 35px;
}
/deep/.el-input__icon{
    padding-left: 0;
    line-height: 35px;
}
/deep/.el-input{
    width: 170px;
    font-size: 13px;
}
/deep/.el-input__prefix{
    left: 140px;
}
/deep/.el-input--prefix .el-input__inner{
    padding-left: 10px;
}
/deep/.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 170px;
}
</style>